<template>
	<view class="message-detail">
		<view class="message-detail-time">{{detail_data.createTime}}</view>
		<!-- <view class="message-detail-title">{{detail_data.title}}</view> -->
		<view class="message-detail-content" v-html="detail_data.msg"></view>
	</view>
</template>

<script>
	import api from '../../api.js';
	export default {
		data() {
			return {
				detail_data: {}
			};
		},
		onLoad(event) {
			var that=this
			api.post({
				url: 'api/messageDetail.do',
				data: {id:event.id},
				success(res) {
					that.detail_data=res.data;
				}
			})
		}
	}
</script>

<style lang="scss">
	.message-detail{
		height: 100%;
		background: #fff;
		padding: 20upx;
		&-time{
			font-size: 24upx;
			height: 50upx;
			line-height: 50upx;
		}
		&-title{
			font-size: 36upx;
			line-height: 52upx;
		}
		&-content{
			font-size: 28upx;
			text-indent: 2em;
			line-height: 40upx;
			margin-top: 20upx;
		}
	}
</style>
